<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
       <style type="text/css">
       		body{
				/* background-image:url(img/5.jpg); */
				background:url(img/8.jpg)no-repeat;  
			    width:100%;  
			    height:100%;  
			    background-size:100% 100%;  
			    position:absolute; 
			}
       		canvas{
       			width:1728px !important;
       			height:816px !important;
       		}
       		#topdiv{
       			height:91px;
       		}
       		button{
       			margin-top:20px;
				width:150px;
				height:50px;
				font-size:140%;
				background: url(img/7.jpg)no-repeat;
				background-size:120% 120%;
				background-position:-10px -5px;
				border-radius:25px;
			}
       </style>
   </head>
   <body style="height: 100%; margin: 0">
   		<div id="topdiv">
   			<a href="/index.html"><button>返回首页</button></a>
   		</div>
       <div id="container" style="height: 100%"></div>
       <script type="text/javascript" src="/data/jquery-1.2.6.min.js" charset="utf-8"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
$.ajax({
	url : 'company/technology/bing', 
	cache : false, 
	async : false, 
	type : "GET", 
	dataType : 'json', 
	success : function (result){
		console.log(result);
		var java=result.java;
		var ui = result.ui;
		var web=result.web;
		var wlyx = result.wlyx;
		var android=result.android;
		var ios = result.ios;
		var c=result.c;
		var rjcs = result.rjcs;
		var qrs=result.qrs;
		var linux=result.linux;
		var Unity3D=result.Unity3D;
		var net=result.net;
		var yw=result.yw;
		/* console.log(java); /solr/src/main/webapp/pie-simple.html /solr/src/main/webapp/morePoint.html
		console.log(ui); */
		option = {
			    title : {
			        text: '达内开设各项课程全国招聘岗位数量',
			        subtext: '来源智联招聘--2018年5月',
			        x:'center',
			        textStyle: {
			        	fontSize: 40
			        },
			        subtextStyle: {
			        	fontSize: 30
			        }
			    },
			    tooltip : {
			        trigger: 'item',
			        formatter: "{a} <br/>{b} : {c} ({d}%)"
			    },
			    legend: {
			        orient: 'vertical',
			        left: 'left',
			        textStyle: {
			        	fontSize: 30
			        },
			        data: ['java','UI','web','网络营销','android','ios','c++','软件测试','嵌入式','linux','Unity3D','.net','运维']
			    },
			    series : [
			        {
			            name: '来源智联招聘',
			            type: 'pie',
			            radius : '55%',
			            center: ['50%', '50%'],
			            data:[
			                {value:java, name:'java'},
			                {value:ui, name:'UI'},
			                {value:web, name:'web'},
			                {value:wlyx, name:'网络营销'},
			                {value:android, name:'android'},
			                {value:ios, name:'ios'},
			                {value:c++, name:'c++'},
			                {value:rjcs, name:'软件测试'},
			                {value:qrs, name:'嵌入式'},
			                {value:linux, name:'linux'},
			                {value:Unity3D, name:'Unity3D'},
			                {value:net, name:'.net'},
			                {value:yw, name:'运维'}
			            ],
			            label: {
			                normal: {
			                    textStyle: {
			                    	fontSize: 40,
			                        /* color: 'rgba(255, 255, 255, 1)' */
			                    }
			                }
			            },
			            itemStyle: {
			                emphasis: {
			                    shadowBlur: 10,
			                    shadowOffsetX: 0,
			                    shadowColor: 'rgba(0, 0, 0, 0.5)'
			                }
			            }
			        }
			    ]
			};
			;
			if (option && typeof option === "object") {
			    myChart.setOption(option, true);
			}
	}
});
		
       </script>
   </body>
</html>